<template>
   <div id="userinfo">
       <span>姓名：{{name}}    患者ID：{{patientId}}</span>  
        <!-- <span>姓名：{{name}}    </span> -->
   </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  computed: {
    ...mapState("user",{
      name: state => state.userinfo.name,
      balance: state => state.userinfo.balance,
      patientId: state=>state.userinfo.patientId,
    }),
  }
}
</script>

<style scoped>

#userinfo{
  font-size: 22px;
  bottom: 16px;
  color: #fff;
  left: 20px;
  width: 100%;
  box-sizing: border-box;
  position: fixed;
}
</style>>
